html{font-size:50px;}
/*css 初始化 */
html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img { margin:0; padding:0; }
fieldset, img,input,button { border:none; padding:0;margin:0;outline-style:none; }
ul, ol { list-style:none; }
input { padding-top:0; padding-bottom:0; font-family: "SimSun","宋体";}
select, input { vertical-align:middle; }
select, input, textarea { font-size:12px; margin:0; }
textarea { resize:none; }
img {border:0;	vertical-align:middle;}
table { border-collapse:collapse; }
.clearfix:before,.clearfix:after{
    content:"";
    display:table;
}
.clearfix:after{clear:both;}
.clearfix{
    *zoom:1;/*IE/7/6*/
}
s,i,em{font-style:normal;text-decoration:none;}
a{
    border:none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-tap-highlight-color:transparent;
    outline:none;
    text-decoration: none;
    color: #fff;
}
@font-face {
    font-family: 'iconfont';
    src: url('iconfont.eot'); /* IE9*/
    src: url('iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('iconfont.woff') format('woff'), /* chrome、firefox */
    url('iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont{
    font-family:"iconfont" !important;
    font-size:0.4rem;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;}
body{
    background-color: #f0f0f0;
}


/*首页*/

.header{
    width: 100%;
    height: 0.9rem;
    background-color: #f84056;
    position: fixed;
    top: 0;
    z-index: 9999;
}
.header_sort{
    display: block;
    width: 7%;
    height: 0.9rem;
    float: left;
    margin-left: 5.5%;
    text-align: center;
    line-height: 0.9rem;
}
.header_title{
    display: block;
    width: 15.7%;
    height: 0.9rem;
    float: left;
    text-align: center;
    line-height: 0.9rem;
    font-size: 0.5rem;
    font-family: "黑体";
}
.header_sort2{
    display: block;
    width: 6%;
    height: 0.9rem;
    float: right;
    margin-right: 4%;
    text-align: center;
    line-height: 0.9rem;
}
.header_search{
    display: block;
    width: 8%;
    height: 0.9rem;
    float: right;
    margin-right: 8.3%;
    text-align: center;
    line-height: 0.9rem;
}
.center{
    width: 100%;
    height: 1rem;
    margin-top: 0.9rem;
}
.center>li{
    width: 25%;
    height: 0.93rem;
    float: left;
    text-align: center;
    line-height: 0.93rem;
    font-size: 0.28rem;
    font-family: "微软雅黑";
}
.center>li>a{
    display: block;
    color: #171717;
}
/*首页发现*/
.box{
    width: 100%;
    background-color: #f0f0f0;
    padding-top: 0.047rem;
    padding-bottom: 0.42rem;
}
.box_pic{
    width: 100%;
    height: 3.13rem;
    padding-top: 0.03rem;
    background-color: #fffafb;
}
.box_pic>div{
    width: 98%;
    margin: 0 auto 0.067rem;
}
.box_pic>div>img{
    width: 100%;
    height: 3.07rem;
}
.box2{
    width: 100%;
    height: 1.47rem;
    background-color: #ffffff;
    border-top: 0.013rem solid #e5e5e5;
    border-bottom: 0.013rem solid #e5e5e5;
    margin-top: 0.127rem;
}
.box2>div{
    width: 25%;
    height: 1.47rem;
    float: left;
    text-align: center;
}
.box2>div>img{
    display: block;
    width: 43%;
    height: 0.773rem;
    margin: 0.267rem auto 0;
}
.box2>div>p{
    font-size: 0.213rem;
    font-family: "微软雅黑";
}
.box3{
    width: 100%;
    height: 0.88rem;
    background-color: #ffffff;
    border-top: 0.013rem solid #e5e5e5;
    border-bottom: 0.013rem solid #e5e5e5;
    margin-top: 0.12rem;
}
.box3>a{
    display: block;
    width: 49.8%;
    height: 0.56rem;
    margin-top: 0.16rem;
    font-size: 0.28rem;
    font-family: "微软雅黑";
    text-align: center;
    line-height: 0.56rem;
    color: #f84056;
    border-right: 0.006rem solid #a0a0a0;
}
.box4{
    width: 100%;
    background-color: white;
}
.box4>p{
    width: 44.4%;
    height: 0.733rem;
    margin-left: 3.2%;
    line-height: 0.733rem;
    font-size: 0.24rem;
    color: #aeb4be;
}
.box4>div{
    width: 93.7%;
}
.box4_pic1{
    height: 1.89rem;
    margin: auto;
}
.box4_pic1>img{
    width: 100%;
    height: 1.89rem;
}
.box4_pic2{
    height: 1.89rem;
    margin: 0.067rem auto 0;
}
.box4_pic2>img{
    width: 100%;
    height: 1.89rem;
}
/*极致美护*/
.selling{
    width: 93.5%;
    margin: auto;
    background-color: #fff;
    border-radius: 10px;
    margin-top: 0.23rem;
    position: relative;
    margin-bottom: 0.23rem;
}
.selling>a{
    display: block;
    width: 100%;
}
.selling>a>.selling-bg{
    display: block;
    width: 100%;
    height: 3.8rem;
}
.selling>div:nth-child(2){
    width: 96%;
    padding-left: 3%;
    padding-right: 1%;
    padding-bottom: 0.08rem;
}
.selling>span{
    display: block;
    position: absolute;
    top: 0;
    right: 3%;
    width: 17.4%;
    height: 0.47rem;
    background-color: #f0283f;
    color: #fff;
    font-size: 0.32rem;
    text-align: center;
    line-height: 0.47rem;
}
.selling>div>p:nth-child(1){
    color: #121212;
    font-size: 0.23rem;
    margin-bottom: 0.08rem;
    margin-top: 0.08rem;
}
.selling>div>p:nth-child(2){
    color:#56464a;
    font-size: 0.21rem;
    margin-bottom: 0.08rem;
}
.selling>div>p:nth-child(3){
    color:#373434;
    font-size: 0.21rem;
}
.selling>div>p:nth-child(3)>span{
    color:#f0372e
}
/*个性配饰*/
.selfhood_box{
    width: 100%;
    background-color: #f0f0f0;
    padding-top: 0.047rem;
    padding-bottom: 0.42rem;
}
.selfhood_box1{
    display: block;
    width: 93.5%;
    margin:0.2333rem auto 0;
    background-color: #fdfdfd;
    border-radius: 0.067rem;
}
.selfhood_box1>img{
    display: block;
    width: 100%;
    height: 3.867rem;
    border-radius: 0.067rem;
}
.selfhood_box1>p{
    font-size: 0.213rem;
    font-family: "微软雅黑";
    color: #56464a;
    margin-top: 0.067rem;
    margin-left: 0.16rem;
}
.selfhood_box2{
    width: 93.5%;
    margin:0.2667rem auto 0;
    background-color: #f0f0f0;
    border-radius: 0.067rem;
}
.selfhood_box2_left{
    display: block;
    width: 47.5%;
    float: left;
    height: 5.3rem;
    margin:0.1rem;
    border-radius: 0.067rem;
    background-color: #fdfdfd;
}
.selfhood_box2_left:nth-child(even){
    margin-right: 0;
}
.selfhood_box2_left>img{
    display: block;
    width: 100%;
    height: 3.867rem;
    border-radius: 0.067rem;
}
.selfhood_box2_left>p{
    font-size: 0.213rem;
    font-family: "微软雅黑";
    color: #56464a;
    margin-top: 0.067rem;
    margin-left: 0.16rem;
}
.selfhood_box2_right{
    display: block;
    width: 47.5%;
    float: right;
    border-radius: 0.067rem;
    background-color: #fdfdfd;
}
.selfhood_box2_right>img{
    display: block;
    width: 100%;
    height: 3.867rem;
    border-radius: 0.067rem;
}
.selfhood_box2_right>p{
    font-size: 0.213rem;
    font-family: "微软雅黑";
    color: #56464a;
    margin-top: 0.067rem;
    margin-left: 0.16rem;
}
/*本周热卖*/
.hotsell-box{
    width: 100%;
    margin-top: 0.01rem;
    background-color: #f0f0f0;
    overflow: hidden;
}
.hotsell-box>.hotsell{
    width: 100%;
    position: relative;
    margin-bottom: 0.17rem;
}
.hotsell-box>.hotsell>a{
    display: block;
    width: 100%;
}
.hotsell-box>.hotsell>a>img{
    display: block;
    width: 100%;
}
.hotsell-box>.hotsell>span{
    width: 16.7%;
    height: 0.333rem;
    display: block;
    position: absolute;
    color: #fff;
    font-size: 0.23rem;
    background-color: #f0283f;
    text-align: center;
    line-height: 0.333rem;
    top: 0.3rem;
    right: 0;
}
.hotsell-box>.hotsell>.sp{
    width: 16.7%;
    height: 0.47rem;
    display: block;
    position: absolute;
    color: #fff;
    font-size: 0.32rem;
    background-color: #f0283f;
    text-align: center;
    line-height: 0.47rem;
    top: 0;
    left: 6.9%;
}
.hotsell-box>.hotsell>p{
    position: absolute;
    color: #0e0e0e;
    font-size: 0.4rem;
    bottom: 0.2rem;
    right: 3.7%;
}
.hotsell-box>.hotsell>p>span{
    color: silver;
    font-size: 0.24rem;
    text-decoration:line-through;
}
.hotsell-box>.hotsell>p>.sp1{
    text-decoration: none;
}
.hotsell-box>.hotsell-left{
    float: left;
    width: 44%;
    margin-left: 3.7%;
    background-color: #fff;
    border-radius: 10px;
    margin-bottom: 0.17rem;
}
.hotsell-box>div>a{
    display: block;
    width: 100%;
}
.hotsell-box>div>a>img{
    display: block;
    width: 100%;
}
.hotsell-box>.hotsell-right{
    float: right;
    width: 44%;
    margin-right: 3.7%;
    background-color: #fff;
    border-radius: 10px;
}
.hotsell-box>div>div{
    border-top: 1px solid #edecec;
    width: 96%;
    padding-left: 3%;
    padding-right: 1%;
    padding-bottom: 0.08rem;
}
.hotsell-box>div>div>p:nth-child(1){
    color: #121212;
    font-size: 0.23rem;
    margin-bottom: 0.08rem;
    margin-top: 0.08rem;
}
.hotsell-box>div>div>p:nth-child(2){
    color:#56464a;
    font-size: 0.21rem;
    margin-bottom: 0.08rem;
}
.hotsell-box>div>div>p:nth-child(3){
    color:#373434;
    font-size: 0.21rem;
}
.hotsell-box>div>div>p:nth-child(3)>span{
    color:#f0372e
}
/*订单确认*/
.buy_all{
    width: 100%;
}
.buy_header{
    width: 100%;
    height: 0.9rem;
    background-color: #f84056;
    position: fixed;
    top: 0;
    z-index: 9999;
}
.buy_header>a{
    display: block;
    width: 9.2%;
    height: 0.9rem;
    float: left;
    margin-left: 6%;
    text-align: center;
    line-height: 0.9rem;
    font-size: 0.5rem;
}
.buy_header>span{
    display: block;
    width: 23.1%;
    height: 0.9rem;
    float: left;
    margin-left: 23.1%;
    font-size: 0.4rem;
    font-family: "微软雅黑";
    text-align: center;
    line-height: 0.9rem;
    color: #ffffff;
}
form{
    width: 100%;
}
.buy_header2{
    width: 100%;
    height: 0.967rem;
    margin-top: 0.9rem;
}
.buy_header2>span{
    display: block;
    width: 23.6%;
    height: 0.967rem;
    float: left;
    margin-left: 6%;
    font-size: 0.333rem;
    font-family: "微软雅黑";
    text-align: center;
    line-height: 0.967rem;
    color: #191919;
}
.buy_header2>a{
    display: block;
    width: 22.6%;
    height: 0.6rem;
    border: 0.006rem solid #ff4f64;
    text-align: center;
    line-height: 0.6rem;
    color: #ff4f64;
    float: right;
    margin-right: 3.7%;
    background-color: #ffffff;
    font-size: 0.333rem;
    font-family: "微软雅黑";
    margin-top: 0.147rem;
    border-radius: 0.067rem;
}
.buy_center{
    width: 100%;
    height: 3.9rem;
    border-top: 0.067rem solid #ff4f64;
    border-bottom: 0.067rem solid #ff4f64;
    background-color: #fffaf3;
    position: relative;
}
.buy_center>input{
    display: block;
    width: 89.2%;
    height: 0.8333rem;
    border: 0;
    border-bottom: 0.0067rem solid #bebbb6;
    font-size: 0.333rem;
    font-family: "微软雅黑";
    background-color: #fffaf3;
    margin-left: 6%;
    outline: none;
}
.province_box{
    width: 89.2%;
    font-size: 0.3rem;
    background-color: #fff;
    position: absolute;
    top:2.8rem;
    left: 0.4rem;
}
.province_box>li{
    width: 1.5333rem;
    height: 0.5rem;
    text-align: center;
    line-height:0.5rem;
    margin:0.0333rem;
    background-color: rgba(0, 128, 0, 0.37);
    float: left;
}
.city_box{
    background-color: #fff;
    position: absolute;
    font-size: 0.3rem;
    width: 89.2%;
    top:4.5rem;
    left: 0.3rem;
}
.city_box>li{
    width: 1.5333rem;
    height: 0.5rem;
    text-align: center;
    line-height:0.5rem;
    margin:0.0333rem;
    background-color: rgba(0, 128, 0, 0.37);
    float: left;
}
.buy_msg{
    width: 100%;
    height: 0.967rem;
}
.buy_msg>span{
    display: block;
    width: 19.4%;
    height: 0.967rem;
    float: left;
    margin-left: 6%;
    font-size: 0.333rem;
    font-family: "微软雅黑";
    text-align: center;
    line-height: 0.967rem;
    color: #191919;
}
.buy_msg2{
    width: 100%;
    height: 0.967rem;
    border-top: 0.0067rem solid #d8d8d8;
    border-bottom: 0.0067rem solid #d8d8d8;
}
.buy_msg2>span{
    display: block;
    width: 23.6%;
    height: 0.967rem;
    float: left;
    margin-left: 6%;
    font-size: 0.333rem;
    font-family: "微软雅黑";
    text-align: center;
    line-height: 0.967rem;
    color: #191919;
}
.buy_project{
    width: 100%;
    background-color: #ffffff;
}
.buy_project_first{
    width: 100%;
    height: 1.667rem;
    border-bottom: 0.0067rem solid #b8b2b3;
}
.buy_project_first>img{
    display: block;
    width: 19.4%;
    height: 1.2rem;
    float: left;
    margin-top: 0.2667rem;
    margin-left: 6%;
}
.buy_project_first>p{
    float: left;
    margin-top: 0.2667rem;
    font-size: 0.28rem;
    font-family: "微软雅黑";
    margin-left: 3.1%;
}
.buy_project_second{
    width: 100%;
    height: 0.8667rem;
    /*border-bottom: 0.0067rem solid #b8b2b3;*/
}
.buy_project_second>span{
    display: block;
    width: 19.4%;
    height: 0.8667rem;
    float: left;
    margin-left: 6%;
    font-size: 0.333rem;
    font-family: "微软雅黑";
    text-align: center;
    line-height: 0.8667rem;
    color: #191919;
}
.buy_project_second>a{
    display: block;
    width: 6.94%;
    height: 0.5rem;
    border: 0.0067rem solid #b8b2b3;
    border-radius: 0.067rem;
    float: right;
    text-align: center;
    line-height: 0.5rem;
    color: #ff4f64;
    font-size: 0.333rem;
    margin:0.1667rem 0.64% 0 0;
}
.buy_project_second>input{
    display: block;
    width: 10.64%;
    height: 0.5rem;
    font-size: 0.33rem;
    float: right;
    border: 0.0067rem solid #b8b2b3;
    border-radius: 0.067rem;
    text-align: center;
    margin:0.1667rem 0.64% 0 0;
}
.buy_project_third{
    width: 100%;
    height: 0.9333rem;
    overflow: hidden;
}
.buy_project_third>span{
    display: block;
    width: 22.6%;
    height: 0.9333rem;
    float: left;
    margin-left: 6%;
    font-size: 0.333rem;
    font-family: "微软雅黑";
    text-align: center;
    line-height: 0.9333rem;
    color: #918b8c;
}
.buy_project_third>p{
    display: block;
    width: 16.2%;
    height: 0.9333rem;
    float: right;
    margin-right: 12.7%;
    text-align: center;
    line-height: 0.9333rem;
    color:#ff4f64;
    font-size: 0.333rem;
    font-family: "微软雅黑";
}
.buy_project_four{
    width: 100%;
    height: 1.0667rem;
    background-color: #ffffff;
}
.buy_project_four>span{
    display: block;
    width: 22.6%;
    height: 1.0667rem;
    float: left;
    margin-left: 6%;
    font-size: 0.333rem;
    font-family: "微软雅黑";
    text-align: center;
    line-height: 1.0667rem;
    color: #918b8c;
}
.buy_project_four>p{
    display: block;
    width: 16.2%;
    height: 1.0667rem;
    float: left;
    text-align: center;
    line-height: 1.0667rem;
    color:#ff4f64;
    font-size: 0.333rem;
    font-family: "微软雅黑";
}
.buy_project_four>button{
    display: block;
    width: 27.4%;
    height: 0.6rem;
    text-align: center;
    line-height: 0.6rem;
    background-color: #ff4f64;
    color: #ffffff;
    float: right;
    border: 0;
    border-radius: 0.067rem;
    margin: 0.2467rem 0.3667rem 0 0;
}
.pay-box{
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 999;
    background-color: rgba(204,204,204,0.7);
    display: none;
}
.pay-box>.pay{
    width: 100%;
    background-color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    padding-bottom: 0.3rem;
}
.pay-box>.pay>.pay-head{
    overflow: hidden;
    width: 100%;
    height: 0.73rem;
}
.pay-box>.pay>.pay-head>span{
    display: block;
    float: left;
    font-size: 0.3rem;
    color: #1b1b1b;
    height: 0.73rem;
    line-height: 0.73rem;
}
.pay-box>.pay>.pay-head>span:nth-child(1){
    margin-left: 6%;
}
.pay-box>.pay>.pay-head>span:nth-child(2){
    margin-left: 33.3%;
}
.pay-box>.pay>.pay-head>a:nth-child(3){
    display: block;
    float: right;
    font-size: 0.27rem;
    color: #ff4f64;
    margin-right: 4.1%;
    line-height: 0.73rem;
}
.pay-box>.pay>form{
    width: 100%;
}
.pay-box>.pay>form>table{
    width: 100%;
}
.pay-box>.pay>form>table>tbody>tr>td{
    border-top: 1px solid #b8b2b3;
    font-size: 0.21rem;
    color: #3f3c3d;
    height: 0.73rem;
    line-height: 0.73rem;
    padding-left: 6%;
}
.pay-box>.pay>form>table>tbody>tr>.pay-active{
    font-size: 0.24rem;
}
.pay-box>.pay>form>table>tbody>tr>.pay-active>span{
    font-size: 0.27rem;
}
.pay-box>.pay>form>table>tbody>tr>td>a{
    color: #2b2a2b;
    font-size: 0.23rem;
    float: right;
    margin-right: 4.1%;
}
.pay-box>.pay>form>table>tbody>tr>td>span{
    color: #2b2a2b;
    font-size: 0.23rem;
    float: right;
    margin-right: 4.1%;
}
.pay-box>.pay>form>button{
    width: 89.8%;
    height: 0.7rem;
    border-radius: 5px;
    border: none;
    background-color: #f84056;
    color: #fff;
    line-height: 0.7rem;
    text-align: center;
    margin-left: 6%;
}

/*搜索商品*/
nav{
    width: 100%;
    height:1rem;
    background-color: #f84056;
}
nav>.search-box{
    width: 6.5rem;
    height: 0.7rem;
    padding-top:0.3rem;
    margin:auto;
}
nav>.search-box>.back{
    display: block;
    width: 0.53rem;
    height: 0.53rem;
    text-align: center;
    line-height:0.53rem;
    float: left;
    color: #fff;
    font-weight: 400;
    font-size: 0.5rem;
}
nav>.search-box>.search-input-box{
    float: left;
    background-color: #c8051c;
    width: 5.9rem;
    height: 0.53rem;
}
nav>.search-box>.search-input-box>label{
    display: block;
    float: left;
    width: 0.53rem;
    height: 0.53rem;
    text-align: center;
    line-height: 0.53rem;
    font-size: 0.3rem;
    color: #fff;
}
nav>.search-box>.search-input-box>input{
    display: block;
    width: 5.37rem;
    height: 0.53rem;
    border:0;
    background:none;
    font-size: 0.2rem;
    color: #fff;
}
.search-body{
    width: 91%;
    padding:1rem 0.3rem;
}
.search-body>li{
    width: 100%;
    height:2.66rem;
}
.search-body>li>a{
    display:block ;
    width: 1.66rem;
    height: 1.66rem;
    float: left;
    text-align: center;
    line-height: 1.66rem;
    border-radius: 50%;
    font-size: 0.3rem;
    color: #000;
    background-color: #fff;
    transition: all 2s;
}
.search-body>.bubble_1>a:nth-child(1){
    width: 2.66rem;
    height: 2.66rem;
    line-height:2.66rem;
}
.search-body>.bubble_1>a:nth-child(3){
    width: 2rem;
    height: 2rem;
    line-height:2rem;
}
.search-body>.bubble_2>a:nth-child(1){
    width: 2rem;
    height: 2rem;
    line-height:2rem;
}
.search-body>.bubble_2>a:nth-child(2){
    width: 2rem;
    height: 2rem;
    line-height:2rem;
}
.search-body>.bubble_2>a:nth-child(3){
    width: 2.33rem;
    height: 2.33rem;
    line-height:2.33rem;
}
.search-body>.bubble_3>a:nth-child(1){
    width: 1.5rem;
    height: 1.5rem;
    line-height:1.5rem;
}
.search-body>.bubble_3>a:nth-child(2){
    width: 2.33rem;
    height: 2.33rem;
    line-height:2.33rem;
}
.search-body>.bubble_3>a:nth-child(3){
    width: 2.33rem;
    height: 2.33rem;
    line-height:2.33rem;
}
.search-body>.bubble_4>a:nth-child(1){
    width: 1.3rem;
    height: 1.3rem;
    line-height:1.3rem;
}
.search-body>.bubble_4>a:nth-child(2){
    width: 0.5rem;
    height: 0.5rem;
    line-height:0.5rem;
    color: #f84056;
    float: right;
}
.search-body .bubble_1 a:hover{
    width: 1.33rem;
    height: 1.33rem;
    line-height:1.33rem;
    background-color: #f84056;
    color: #fff;
}
.search-body .bubble_2 a:hover{
    width: 1.33rem;
    height: 1.33rem;
    line-height:1.33rem;
    background-color: #f84056;
    color: #fff;
}
.search-body .bubble_3 a:hover{
    width: 1.33rem;
    height: 1.33rem;
    line-height:1.33rem;
    background-color: #f84056;
    color: #fff;
}
.search-body .bubble_4 a:hover{
    width: 1.33rem;
    height: 1.33rem;
    line-height:1.33rem;
    background-color: #f84056;
    color: #fff;
}

/*commodity*/

.commodity-box{
    width: 100%;
    height: 5.2rem;
    position: relative;
}
.commodity-box>.commodity-choose{
    width: 90%;
    height: 0.4rem;
    padding:0.26rem 0.33rem;
    position: absolute;
    z-index: 10;
}
.commodity-box>img{
    width: 100%;
    height: 5.2rem;
    position: absolute;
    z-index: 9;
}
.commodity-box>.commodity-choose>a{
    display: block;
    width: 0.46rem;
    height: 0.46rem;
    background:rgba(64,63,63,.3);
    border-radius: 50%;
    text-align: center;
    line-height: 0.46rem;
    color: #fff;
    font-size: 0.33rem;
    float: left;
}
.commodity-box>.commodity-choose>a:nth-child(2){
    float: right;
}
.commodity-box>.commodity-choose>a:nth-child(3){
    float: right;
    margin-right:0.66rem;
}
.collect-box{
    width: 100%;
    height: 0.93rem;
}
.collect-box>li{
    width: 49.8%;
    height: 0.9rem;
    background-color: #fff;
    border-top: 0.0066rem solid #ccc;
    float: left;
    border-bottom: 0.0066rem solid #ccc;
}
.collect-box>li:nth-child(1){
    border-right:0.0066rem solid #ccc;
}
.collect-box>li>a{
    display: block;
    width: 1.8rem;
    height: 0.52rem;
    font-size:0.3rem ;
    color: #000;
    margin:auto;
    padding-top: 0.2rem;
}
.collect-box>li>a>img{
    float: left;
    margin-right:0.08rem;
    width:0.4866rem;
    height:0.42rem;
}
.commodity-describe{
    width: 94.3%;
    /*height: 2.233rem;*/
    background-color: #fff;
    margin-top:0.33rem;
    padding:0.2rem;
    border-top:0.0066rem solid #ccc;
    border-bottom:0.0066rem solid #ccc;
}
.commodity-describe>h2{
    width: 100%;
    font-size: 0.27rem;
    margin-bottom:0.13rem;
    float: left;
}
.commodity-describe>p{
    width: 100%;
    font-size: 0.27rem;
    margin-bottom:0.13rem;
    color:#ccc;
    float: left;
}
.commodity-describe>span{
    font-size: 0.27rem;
    color:#f84056;
    float: left;
}
.search-keywords{
    width: 94.3%;
    height: 1.13rem;
    background-color: #fff;
    margin-top:0.33rem;
    padding:0.2rem;
    border-top:0.0066rem solid #ccc;
    border-bottom:0.0066rem solid #ccc;
}
.search-keywords>h3{
    font-size: 0.25rem;
}
.search-keywords>ul{
    width: 94.3%;
    height:0.33rem;
    padding:0.2rem;
}
.search-keywords>ul>li{
    float: left;
    width: 1.4rem;
    height: 0.33rem;
    background-color: #f84056;
    border-radius: 0.166rem;
    text-align: center;
    margin-right: 0.466rem;
    line-height: 0.33rem;
}
.search-keywords>ul>li>a{
    display: block;
    font-size: 0.20rem;
    color: #fff;
}
.commodity-show{
    width: 94.3%;
    background-color: #fff;
    margin-top:0.33rem;
    padding:0.2rem;
    margin-bottom: 1rem;
    border-top:0.0066rem solid #ccc;
    border-bottom:0.0066rem solid #ccc;
}
.commodity-show>.showImg{
    width: 100%;
}
.commodity-show>.showImg>img{
    width: 100%;
}
.commodity-show>h1{
    font-size: 0.3rem;
    padding-left:0.1rem;
    border-left:0.04rem solid #f84056;
}
.commodity-show>p{
    color: #ccc;
    font-size: 0.22rem;
}
.commodity-show>hr{
    display: block;
    margin:0.043rem 0;
}
.imm-buy{
    width: 100%;
    height: 0.6rem;
    padding-top:0.4rem;
    position: fixed;
    background-color: #fff;
    left: 0;
    bottom: 0;
}
.imm-buy>span{
    border-radius: 50%;
    width: 0.3rem;
    height: 0.3rem;
    background-color: #ff1510;
    color: #fff;
    text-align: center;
    line-height:0.3rem;
    font-size: 0.233rem;
    position: absolute;
    top:0.3rem;
    left:0.25rem;
}
.imm-buy>a{
    display: block;
    float: left;
    width: 0.4rem;
    height: 0.4rem;
}
.imm-buy>a>img{
    float: left;
    width: 0.4rem;
    height: 0.4rem;
}
.imm-buy>.buy-btn{
    display: block;
    width: 1.952rem;
    height: 0.333rem;
    text-align: center;
    line-height:0.333rem;
    color: #f84056;
    font-size: 0.22rem;
    float: right;
    border:0.0066rem solid #f84056;
    border-radius: 0.033rem;
}
.imm-buy>.buy-btn:nth-child(3){
    margin-left: 0.3rem;
    margin-right:0.2rem;
    background-color: #f84056;
    color: #fff;
}
.imm-buy>.buy-btn:nth-child(2){
    margin-left:0.3rem;
}

.share-box{
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    background: rgba(204,204,204,.5);
    display: none;
    z-index: 20;
}
.share-box>.share{
    width: 94.3%;
    height:3rem;
    padding:0.2rem;
    background-color: #d6d6d6;
    position: absolute;
    bottom: -3.5rem;
    left: 0;
}
.share-box>.share>p{
    font-size:0.33rem;
    margin-bottom:0.3rem;
}
.share-box>.share>ul{
    width: 95%;
    height:1.2rem;
    margin:auto;
}
.share-box>.share>ul>li{
    width: 17.5%;
    height: 1.2rem;
    background-color: #fff;
    float: left;
    border-radius: 0.1rem;
    margin-right:23.75%;
}
.share-box>.share>ul>li:nth-child(3){
    float: right;
    margin-right: 0;
}
.share-box>.share>ul>li>a{
    display: block;
    width: 100%;
    text-align: center;
    line-height: 1.2rem;
    font-size: 0.8rem;
    color: #000;
}
.share-box>.share>button{
    display: block;
    width: 95%;
    height: 1rem;
    margin:0.18rem auto 0;
    text-align: center;
    font-size: 0.5rem;
    line-height: 1rem;
    background-color: #fff;
    border-radius: 0.1rem;
}
/*登录注册页面样式*/
.load_register_box{
    width: 100%;
    height: 4.553rem;
    position: fixed;
    top:0;
    background-color: #fff;
}
.load_register_box>.load_register_header{
    width: 100%;
    height: 1.066rem;
    background-color: #f84056;
    text-align: center;
    font-size: 0.5rem;
    line-height: 1.066rem;
    color: #fff;
}
.load_register_box>form{
    width: 100%;
    height:3.2rem;
    padding-top:0.3rem;
    background-color: #ccc;
}
.load_register_box>form>.input-box{
    width: 90%;
    margin: auto;
    height: 2rem;
    background-color: #fff;
}
.load_register_box>form>.input-box>li{
    width: 100%;
    height: 1rem;
}
.load_register_box>form>.input-box>li:nth-child(1){
    border-bottom:0.0066rem solid  #ccc;
}
.load_register_box>form>.input-box>li>input{
    display: block;
    width: 95%;
    height: 1rem;
    font-size: 0.5rem;
    background: none;
    padding-left:0.3rem;
}
.load_register_box>form>.input-box>li:nth-child(3){
    margin-top:0.2rem;
}
.load_register_box>form>.input-box>li:nth-child(3)>button{
    display: block;
    width: 100%;
    height: 0.7rem;
    text-align: center;
    line-height: 0.7rem;
    color: #fff;
    font-size: 0.3rem;
    background-color: #f84056;
}
.load-info{
    width: 3rem;
    height: 0.5rem;
    background-color: #5f5f5f;
    text-align: center;
    line-height: 0.5rem;
    color: #fff;
    font-size: 0.33rem;
    position: fixed;
    top:50%;
    left: 50%;
    margin-top: -0.25rem;
    margin-left:-1.5rem;
    display: none;
}

/*购物车页面*/
.shopCarHeader{
    width:100%;
    height: 1.066rem;
    background-color: #f84056;
    text-align: center;
    font-size: 0.5rem;
    line-height: 1.066rem;
    color: #fff;
}
.shopCarHeader>a{
    float: left;
    margin-left:3%;
}
.shopCarHeader>span{
    margin-left:-15%;
}
.shopCarHeaderBody{
    width: 100%;
}
.shopCarHeaderBody>table{
    width: 100%;
    font-size: 0.2rem;
}
.shopCarHeaderBody>table  td{
    text-align: center;
}
.shopCarHeaderBody>table img{
    width: 2rem;
    height: 1.5rem;
    text-align: left;
}
.shopCarHeaderBody>table span{
    padding-left:5%;
}
.shopCarHeaderBody>table input{
    display: block;
    width: 0.5rem;
    height: 0.5rem;
    margin-left:0.2rem;
}
.del-shop{
    text-decoration: underline;
    color: #ff1510;
}
.shopCarHeaderBody>.toPay{
    display: block;
    width: 4.5rem;
    height: 1.5rem;
    background-color: #ff1510;
    text-align: center;
    font-size: 0.5rem;
    line-height:1.5rem;
    margin:3rem auto 0;
}

/*支付成功*/
.paySuccessHeader{
    width:100%;
    height: 1.066rem;
    background-color: #f84056;
    font-size: 0.5rem;
    line-height: 1.066rem;
    color: #fff;
}
.paySuccessHeader>a{
    padding-left:5%;
}
.paySuccess{
    width: 100%;
    position: absolute;
    text-align: center;
    font-size: 0.5rem;
    top: 30%;
    color: #84f869;
}
.toIndex{
    text-decoration: underline;
    display: block;
    width: 100%;
    position: absolute;
    top:40%;
    text-align: center;
    font-size: 0.5rem;
    color: #000;
}
